<meta charset="utf-8">
<title>提现记录</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="format-detection" content="telephone=no">
<meta name="description" content="网站描述">
<meta name="keywords" content="">
<meta name="author" content="wangl">
<link rel="icon" href="http://ow9lg82yy.bkt.clouddn.com/24f5c360-485d-4a6d-9468-2a61c353cf37.ico">
<link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
<link rel="stylesheet" href="//at.alicdn.com/t/font_tnyc012u2rlwstt9.css" media="all">
<link rel="stylesheet" href="/static/css/user.css" media="all">
<link rel="stylesheet" href="/static/zTree/v3/css/zTreeStyle/zTreeStyle.css" type="text/css">

<style>
    * {
        margin: 0;
        padding: 0;
    }

    .Pagination ul {
        list-style: none;
    }

    .Pagination .total_num, .first_page, .prepage, .list_box, .nextpage, .last_page, .total_page, input, .redir {
        float: left;
    }

    .Pagination ul li {
        float: left;
        background-color: #ccc;
        border-radius: 5px;
        text-align: center;
        line-height: 22px;
        width: 22px;
        height: 22px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination ul li:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .total_num i {
        font-style: normal;
    }

    .Pagination .list_box {
        width: 320px;
        overflow: hidden;
        position: relative;
        height: 32px;
    }

    .Pagination .list_box ul {
        position: absolute;
        top: 0;
        left: 0;
    }

    .Pagination .prepage {
        background-color: #ccc;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination .prepage:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .nextpage {
        background-color: #ccc;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination .nextpage:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .first_page {
        background-color: #ccc;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination .first_page:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination .last_page {
        background-color: #ccc;
        border-radius: 5px;
        padding: 3px 10px;
        font-size: 12px;
        margin: 0 5px;
        cursor: pointer;
        color: #8b8b8b
    }

    .Pagination .last_page:hover {
        background-color: #58acf4;
        color: #fff;
    }

    .Pagination input {
        width: 50px;
        height: 25px;
        border-radius: 5px;
        border: 1px solid #ccc;
        outline: none;
        text-indent: 5px;
        margin: 0 5px;
    }

    .detail-body {
        margin: 20px 0 0;
        min-height: 306px;
        line-height: 26px;
        font-size: 16px;
        color: #333;
        word-wrap: break-word;
    }

    /* blockquote 样式 */
    blockquote {
        display: block;
        border-left: 8px solid #d0e5f2;
        padding: 5px 10px;
        margin: 10px 0;
        line-height: 1.4;
        font-size: 100%;
        background-color: #f1f1f1;
    }

    /***
    *  ztree 图标变成黄色
    */
    .ztree .line {
        line-height: 0;
        border-top: none;
        float: none;
    }

    .ztree li span.button.ico_docu {
        background-position: -110px 0;
        margin-right: 2px;
        vertical-align: top;
    }

    /* code 样式 */
    code {
        display: inline-block;
        *display: inline;
        *zoom: 1;
        background-color: #f1f1f1;
        border-radius: 3px;
        padding: 3px 5px;
        margin: 0 3px;
    }

    pre code {
        display: block;
    }

</style>
<style>

    .laytable-cell-1-content {
        width: 210px;
    }

    .laytable-cell-1-shareholderName {
        width: 150px;
    }

    .laytable-cell-1-phoneNum {
        width: 130px;
    }

    .laytable-cell-1-cardNum {
        width: 200px;
    }

    .laytable-cell-1-count {
        width: 100px;
    }

</style>

</head>
<body class="childrenBody">
<div class="layui-col-xs2">
    <div class="grid-demo grid-demo-bg1">
        <ul id="treeDemo" class="ztree"></ul>
    </div>
</div>
<div>
    <div class="layui-form users_list">

                        <#--class="layui-table-header"-->
                        <table cellspacing="0" cellpadding="0" border="0" class="layui-table">
                            <thead>
                            <tr>
                                <#--编号、发生日期、交易类型（股东提现、会员提现、商家提现、系统回购）、交易数量、交易金额-->
                                <th data-field="id">
                                    <div class="layui-table-cell laytable-cell-1-newsid"><span>编号</span></div>
                                </th>
                                <th data-field="createTime">
                                    <div class="layui-table-cell laytable-cell-1-shareholderName"><span>发生日期</span></div>
                                </th>
                                <th data-field="dealType">
                                    <div class="layui-table-cell laytable-cell-1-phoneNum"><span>交易类型</span></div>
                                </th>
                                <#--<th data-field="count">-->
                                    <#--<div class="layui-table-cell laytable-cell-1-phoneNum"><span>交易数量</span>-->
                                    <#--</div>-->
                                <#--</th>-->
                                <#--<th data-field="singlePrice">-->
                                    <#--<div class="layui-table-cell laytable-cell-1-phoneNum"><span>交易单价</span>-->
                                    <#--</div>-->
                                <#--</th>-->
                                <th data-field="price">
                                    <div class="layui-table-cell laytable-cell-1-phoneNum"><span>交易金额</span></div>
                                </th>
                            </tr>
                            </thead>
                            <tbody id="withdrawList">
                            </tbody>
                        </table>
                        <div class="box-tools pull-right">
                            <ul class="pagination" id="pagination_ul">
                            </ul>
                        </div>

    </div>
</div>
</body>
<script type="text/javascript" src="/static/js/jquery.min.js"></script>
<script type="text/javascript" src="/static/layui/layui.js"></script>
<script type="text/javascript" src="/static/js/tools.js"></script>
<script type="text/javascript" src="/static/zTree/v3/js/jquery.ztree.all-3.5.min.js"></script>
<script type="text/javascript" src="/static/js/CodeConst.js"></script>
<!-- <#--<script type="text/javascript" src="/static/js/jquery-1.10.2.js"></script>--> -->
<script type="text/javascript" src="/static/js/common.js"></script>


<script>

    //遍历baseDto
    function loadData(baseDto) {
        if (baseDto.code == ERROR)
            console.log(baseDto.msg);
        else {
            //数据
            var data = baseDto.data;
            console.log(data);
            var text = "";

            $.each(data, function (index, withdraw) {

                text += "<tr>\n" +
                    "<td>" + withdraw.orderKey + "</td>\n" +
                    "<td>" + withdraw.createTime + "</td>\n" +
                    "<td>" + withdraw.type + "</td>\n" +
                    // "<td>" + withdraw.count + "</td>\n" +
                    // "<td>" + withdraw.singlePrice + "</td>\n" +
                    "<td>" + withdraw.count + "</td>\n" +
                    "</tr>";
            });
            var withdrawListDom = $("#withdrawList");
            withdrawListDom.empty();//清空子元素
            withdrawListDom.append($(text));
            var pages = baseDto.data.pages;
            var pageNum = baseDto.data.pageNum;
            console.log("pageNum=" + pageNum);
            // var btnList = "";
            // btnList += "<li class='first_page'><a onclick='loadPage(this)' link='/back/finance/statistical/m_withdrawCashPage'>" + "首页" + "</a></li>";
            // var temp = "<li class='prepage'><a onclick='loadPage(this)' link='/back/finance/statistical/m_withdrawCashPage?pageNum=" + (pageNum - 1) + "'>上一页</a></li>";
            // console.log("temp=" + temp);
            // btnList += temp;
            // for (var i = 0; i < pages; i++) {
            //     btnList += ("<li class='prepage'><a onclick='loadPage(this)' link='/back/finance/statistical/m_withdrawCashPage?pageNum=" + (i + 1) + "'>" + (i + 1) + "</a></li>\n")
            // }
            // btnList += ("<li class='nextpage'><a onclick='loadPage(this)' link='/back/finance/statistical/m_withdrawCashPage?pageNum=" + (pageNum + 1) + "'>下一页</a></li>\n" +
            //     "<li class='last_page' ><a onclick='loadPage(this)' link='/back/finance/statistical/m_withdrawCashPage?pageNum=" + pages + "'>末页</a></li>");
            // console.log(btnList);
            // var pagination_ul = $("#pagination_ul");
            // pagination_ul.empty();
            // pagination_ul.append(btnList);

        }
    }

    function loadPage(pageNum)
    {
        loadPage("/back/finance/capital/cashier",pageNum,function (data) {
            loadData(data);
        })
    }


    var laypage = 0;

    layui.use("laypage",function () {
        laypage = layui.laypage;
    });


    //获取数据
    $.ajax({
        url: "/back/finance/capital/cashier",
        type: "GET",
        success: function (baseDto) {
            loadData(baseDto);
            baseDto = baseDto.data;
            laypage.render({
                elem: 'pagination_ul'
                ,count: baseDto.total
                ,curr: baseDto.fristPage //获取起始页
                ,limit: 10
                ,jump: function (obj) {
                    loadPage(obj.curr);
                }

            });
        }
    });

</script>


</html>